<!DOCTYPE html>
<html class="h-100">

<head>
  <!-- Required meta tags -->
  <!-- Enable responsive viewport -->
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

  <title>
    {% if page.title %}
    {{ page.title }} |
    {% endif %}

    YAPW
  </title>
  <meta name="description" content="A website you've never seen before.">
  <meta name="author" content="夏龙飞">

  <!-- Bootstrap styles -->
  <!-- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> -->
  <!-- 换用国内CDN -->
  <link href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">

  <!-- Custom styles -->
  <link href="{{ site.baseurl }}/css/main.css" rel="stylesheet">
  <link href="{{ site.baseurl }}/css/code.css" rel="stylesheet">

  <!-- 网站图标或 logo -->
  <link rel="shortcut icon" href="{{ site.baseurl }}/images/favicon.ico">
  <link rel="apple-touch-icon" href="{{ site.baseurl }}/images/apple-touch-icon.png">
  <link rel="apple-touch-icon" sizes="72x72" href="{{ site.baseurl }}/images/apple-touch-icon-72x72.png">
  <link rel="apple-touch-icon" sizes="114x114" href="{{ site.baseurl }}/images/apple-touch-icon-114x114.png">

  <!-- Font Awesome 图标库 -->
  <!-- <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"> -->
  <!-- 换用国内CDN -->
  <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/5.8.2/css/all.css">

  <!-- 网站数据统计脚本 -->
  <!-- Global site tag (gtag.js) - Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-KH5F33460C"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag() { dataLayer.push(arguments); }
    gtag('js', new Date());

    gtag('config', 'G-KH5F33460C');
  </script>
  <!-- 网站数据统计脚本 -->
</head>

<body class="d-flex flex-column h-100">

  <!-- 导航栏 -->
  <header class="site-header sticky-top py-1">
    <nav class="container d-flex flex-column flex-md-row justify-content-between">
      <a class="py-2" href="/home" aria-label="Product">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor"
          stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="d-block mx-auto" role="img"
          viewBox="0 0 24 24">
          <title>Product</title>
          <circle cx="12" cy="12" r="10" />
          <path
            d="M14.31 8l5.74 9.94M9.69 8h11.48M7.38 12l5.74-9.94M9.69 16L3.95 6.06M14.31 16H2.83m13.79-4l-5.74 9.94" />
        </svg>
      </a>
      <a class="py-2 d-none d-md-inline-block" href="/place-recorder">打个卡呗</a>
      <a class="py-2 d-none d-md-inline-block" href="/home#xialiaozhushou">下料助手</a>
      <a class="py-2 d-none d-md-inline-block" href="/home#minixiaoyenan">迷你小夜喃</a>
      <a class="py-2 d-none d-md-inline-block" href="/bookmark">网站收藏夹</a>
      <a class="py-2 d-none d-md-inline-block" href="/cv">简历</a>
    </nav>
  </header>

  <!-- 主容器 -->
  <div class="container" style="padding-top: 15px;">

    {{ content }}

  </div>

  <!-- 页脚 -->
  <div class="footer mt-auto">
    <div class="container">
      <p>
        <!-- Map Widget provided by ClustrMaps.com -->
        <script type='text/javascript' id='clustrmaps'
          src='//cdn.clustrmaps.com/map_v2.js?cl=ffffff&w=300&t=tt&d=IwC9fpnRbvTHZdspX1HWXkCwHCWI90zG4UCVL4SQ1X4'></script>
      </p>
      <p>&copy; 2021 夏龙飞 with help from <a href="http://getbootstrap.com" target="_blank">Bootstrap</a> and <a
        href="https://pages.github.com/" target="_blank" title="Websites for you and your projects.">Github
        Pages</a></p>
      <!-- <p><a href="http://www.beian.miit.gov.cn/" target="_blank" class="text">苏ICP备19021018号<br/></a></p> -->
    </div>
  </div>



  <!-- Optional JavaScript -->
  <!-- jQuery first, then Popper.js, then Bootstrap JS -->
  <!-- <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> -->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
    integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
    crossorigin="anonymous"></script>
  <!-- <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script> -->
  <!-- 换用国内CDN -->
  <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
  <!-- <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script> -->
  <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
  <script src="https://cdn.staticfile.org/twitter-bootstrap/5.1.0/js/bootstrap.min.js"></script>
</body>

</html>